<section [formGroup]="unassignCustomerConfigForm" fxLayout="column">
  <mat-form-field class="mat-block" style="padding-bottom: 16px;">
    <mat-label translate>tb.rulenode.customer-name-pattern</mat-label>
    <input required matInput formControlName="customerNamePattern">
    <mat-error *ngIf="unassignCustomerConfigForm.get('customerNamePattern').hasError('required') ||
                      unassignCustomerConfigForm.get('customerNamePattern').hasError('pattern')">
      {{ 'tb.rulenode.customer-name-pattern-required' | translate }}
    </mat-error>
    <mat-hint [innerHTML]="'tb.rulenode.general-pattern-hint' | translate | safeHtml"></mat-hint>
  </mat-form-field>
  <mat-form-field class="mat-block" style="padding-bottom: 16px;">
    <mat-label translate>tb.rulenode.customer-cache-expiration</mat-label>
    <input required type="number" min="0" step="1" matInput formControlName="customerCacheExpiration">
    <mat-error *ngIf="unassignCustomerConfigForm.get('customerCacheExpiration').hasError('required')">
      {{ 'tb.rulenode.customer-cache-expiration-required' | translate }}
    </mat-error>
    <mat-error *ngIf="unassignCustomerConfigForm.get('customerCacheExpiration').hasError('min')">
      {{ 'tb.rulenode.customer-cache-expiration-range' | translate }}
    </mat-error>
    <mat-hint translate>tb.rulenode.customer-cache-expiration-hint</mat-hint>
  </mat-form-field>
</section>
